<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>{$Think.config.site.title} - 用户管理</title>

    <meta name="keywords" content="{$Think.config.site.keywords}">

    <link href="{$Think.config.site.resource_url}css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/animate.min.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/style.min.css?v=4.0.0" rel="stylesheet">

</head>
<style>
    #listtable .fa{
        cursor:pointer;
        color:#1ab394;
        margin-right:1em;
    }
</style>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>{:lang('用户回收站')}</h5>

                </div>
                <div class="ibox-content">
                    <div class="row">

                        <div class="col-sm-8">
                            <div class="input-group">
                                <form action="" method="get" enctype="application/x-www-form-urlencoded">
                                    <div class="input-group">
                                        <input type="text" placeholder="{:lang('输入')} {:lang('关键词')}" class="input-sm form-control" value="{$Think.get.keywords ?? ''}" name="keywords">
                                        <span class="input-group-btn">
                                        <button type="submit" class="btn btn-sm btn-primary"> {:lang('搜索')}</button> </span>
                                    </div>
                                </form>
                            </div>
                        </div>

                    </div>
                    <div class="table-responsive">
                        <table class="table table-striped" id="listtable">
                            <thead>
                            <tr>
                                <th width="80">{:lang('排序')}</th>
                                <th width="150">{:lang('用户名')}</th>
                                <th width="60">{:lang('头像')}</th>
                                <th width="100">{:lang('姓名')}</th>
                                <th width="100">{:lang('昵称')}</th>
                                <th width="120">{:lang('电话')}</th>
                                <th width="100">{:lang('操作')}</th>
                                <th > </th>

                            </tr>
                            </thead>
                            <tbody>
                            {volist name="list" id="vo"}
                            <tr data-id="{$vo.id}" >

                                <td><input type="text" {if ($vo.id == 1)}disabled{/if} class="form-control" value="{$vo.listorder}"></td>
                                <td>{$vo.username}</td>
                                <td><img src="{if condition="$vo['avatar'] neq ''" }{$Think.config.resourceurl,$vo.avatar} {else /} {$Think.config.site.resource_url}images/a1.png {/if}" width="30" height="30" /></td>
                                <td>{$vo.name}</td>
                                <td>{$vo.nickname}</td>
                                <td>{$vo.phone}</td>
                                <td>
                                    <button type="button" class="btn btn-primary btn-xs btn-status">{:lang('点击恢复')}
                                </td>
                                <td>
                                    <i class="fa fa-trash-o"> {:lang('彻底删除')}</i>
                                </td>

                            </tr>
                            {/volist}
                            </tbody>
                        </table>
                    </div>
                    <div>{$list->render()}</div>
                </div>
            </div>
        </div>

    </div>
</div>

<script src="{$Think.config.site.resource_url}js/jquery.min.js?v=2.1.4"></script>
<script src="{$Think.config.site.resource_url}js/bootstrap.min.js?v=3.3.5"></script>
<script src="{$Think.config.site.resource_url}js/plugins/peity/jquery.peity.min.js"></script>
<script src="{$Think.config.site.resource_url}js/plugins/iCheck/icheck.min.js"></script>
<script src="{$Think.config.site.resource_url}js/plugins/layer/layer.js"></script>
</body>

</html>
<script>


    $(document).ready(function() {


        //恢复
        $("#listtable").on("click",".btn-status",function(){
            var $tr = $(this).closest("tr");
            var id = $tr.data("id");
            if(
                post('/<?php echo \think\Request::instance()->module(); ?>/User/recycle',{
                    'id' : id,
                    'do' : 'backup'
                })
            ) {
                $tr.remove();
                layer.msg("{:lang('用户已恢复')}", {icon: 1});
            }

        })



        //永久删除按钮注册
        $("#listtable").on("click",".fa-trash-o",function(){
            var $tr = $(this).closest("tr");
            var id = $tr.data("id");
            layer.confirm("{:lang('删除后不可恢复！确认删除？')}", {
                    btn: ["{:lang('确定删除')}","{:lang('不删除')}"], //按钮
                    shade: false //不显示遮罩
                }, function(){
                    //确定删除
                    $.ajax({
                        type : 'POST',
                        url : '<?php echo \think\Request::instance()->root(); ?>/<?php echo \think\Request::instance()->module(); ?>/User/recycle',
                        dataType : 'json',
                        data : {id:id,do:'delete'},
                        async:false,
                        success : function(result) {
                            //layer.close(layer1);
                            if(0 === result.code) {
                                $tr.remove();
                                layer.msg(result.msg, {icon: 1});
                            }  else  {
                                //删除失败
                                layer.msg(result.msg, {icon: 5});
                            }
                        },
                        error : function(){
                            res = false;
                            layer.msg("{:lang('服务器错误！请稍后重试')}", {icon: 2});
                        }
                    })
                },
                function(){

                });


        });


        //修改
        function post(url,formData){
            var res = false;
            $.ajax({
                type : 'POST',
                url : '<?php echo \think\Request::instance()->root(); ?>'+url,
                dataType : 'json',
                data : formData,
                async:false,
                success : function(result) {
                    //layer.close(layer1);
                    if(0 === result.code) {
                        res = result;
                    }  else  {
                        //修改失败
                        res = false;
                        layer.msg(result.msg, {icon: 5});
                    }
                },
                error : function(){
                    res = false;
                    layer.msg("{:lang('服务器错误！请稍后重试')}", {icon: 2});
                }
            })
            return res;
        }
    });
</script>